.container {
  display: flex;
  background-color: #333;

  .textTitle {
    position: absolute;
    top: 10px;
    left: 70px;
    z-index: 1000;
    display: flex;
    align-items: center;

    .textStyle {
      color: rgb(44, 163, 82);
      font-weight: bold;
      font-size: 48px;
      font-family: PingFangSC-Medium;
      cursor: context-menu;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .textImg {
      width: 250px;
      height: 106px;
      color: aliceblue;
      cursor: pointer;
    }
  }

  .videoStyle {
    // height: calc(100vh - 10px);
    height: 100vh;
    object-fit: fill;
  }

  .content {
    position: absolute;
    top: 270px;
    right: 170px;
    z-index: 1000;
    width: 370px;
    height: 300px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.5);

    .menuStyle {
      color: aliceblue;
      background-color: rgba(255, 255, 255, 0);
    }

    :global {
      .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
      .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected {
        color: aliceblue;
      }

      .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
      .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after {
        width: 24px;
        margin: 2px 2px;
        border-bottom: 2px solid aliceblue;
      }

      .ant-menu-horizontal > .ant-menu-item::after {
        border: 0;
        transition: none;
      }

      .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
        margin: 5px 0;
        color: #adb3cc;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        line-height: 22px;
      }
    }

    .enrollContent {
      display: flex;
      justify-content: space-evenly;
      width: 340px;
      margin: 75px 0 0 15px;

      :global {
        .ant-form-item-explain-error {
          color: aliceblue;
        }

        .ant-btn:hover,
        .ant-btn:focus,
        .ant-btn:active {
          color: rgb(44, 163, 82);
          border: 1px solid rgb(44, 163, 82);
        }

        .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless) {
          border-color: rgb(44, 163, 82);
        }

        .ant-btn-primary {
          margin-top: 5px;
          color: rgb(44, 163, 82);
          background: aliceblue;
          border: 0;
        }

        .ant-form-item {
          width: 320px;
        }
      }
    }

    .loginContent {
      display: flex;
      justify-content: space-evenly;
      width: 340px;
      margin: 40px 0 0 15px;

      :global {
        .ant-form-item-explain-error {
          color: aliceblue;
        }

        .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless),
        .ant-input:placeholder-shown {
          border-color: rgb(44, 163, 82);
        }

        .ant-btn-primary {
          margin-top: 5px;
          color: rgb(44, 163, 82);
          background: aliceblue;
          border: 0;
        }

        .ant-form-item {
          width: 320px;
        }
      }
    }
  }
}
